<style type="text/css">
    i{font-style:normal;}
    .avtive_list_tit button{padding:0px 5px;margin-left: 10px;margin-top: -1px;}
    .show_erm img{height: 100px;width: 100px;}
    #profile .avtive_list_li{padding: 5px 10px;}
    #profile .avtive_list_tit{margin-top: 25px;}



</style>
<!-- <div class="page-title"> 
    <h3 class="title">当前位置：<a href="">现场集客</a> > <i>活动模板</i></h3> 
</div> -->
    <div class="page-title q-tit-change" style="margin:10px;"> 
        <a href="/sceneactive/index">现场集客</a> > 活动模板 
    </div>
<div class="row" style="margin:10px;">
    <div class="col-sm-12" style="border:1px solid rgba(0,0,0,0.08);padding: 0px;background: #fff;margin:0px;">
            <ul class="nav nav-tabs"> 
                <li  class="active"> 
                    <a href="#home" data-toggle="tab" aria-expanded="false" data-type="100" style="border-left: none;">
                        <span class="visible-xs"><i class="fa fa-home"></i></span> 
                        <span class="hidden-xs">活动模板</span> 
                    </a> 
                </li> 
                <li> 
                    <a href="#profile" data-toggle="tab" aria-expanded="true" data-type="200"> 
                        <span class="visible-xs"><i class="fa fa-user"></i></span> 
                        <span class="hidden-xs">我的活动</span> 
                    </a> 
                </li> 
            </ul>
            <div class="tab-content ranking-tab-content">
                <div class="tab-pane active" id="home">
                    <div class="row avtive_list_cont ">
                        <!-- <div class="col-lg-3 avtive_list_li">
                            <div><img src="/modules/img/album/img-8.jpg"></div>
                            <div class="item">
                                <div class="col-lg-9 avtive_list_info">
                                    <h4 class="avtive_list_tit"><a href="#" >活动1：现场刮刮乐</a></h4>
                                    <div class="text_overflow">
                                        <em style="font-style: normal;">面是有大页面的大小一般取2的整数次幂。页面大小直接影响地址转换和页式存储管理的性能可重定位分区方法的翻版</em>
                                    </div>
                                </div>
                                <div class="avtive_list_btn col-lg-3"><a href="/sceneactive/create?type=100"><button class="btn btn-success btn-sm m-t-15">马上创建</button></a></div>
                            </div>
                        </div> -->
                        <div class="list_100"></div>
                        <div class="col-lg-3 avtive_list_add">
                            <a href="/sceneactive/create?type=200" style="color: #797979;">
                                <p><span class="ion-android-add"></span></p>
                                <div>添加活动</div>
                            </a>
                        </div>
                        <div class="row">
                            <div class="col-sm-9" style="width: 90%;text-align: right;margin-left: 40px;">
                                <div id="pager100" class="pager clearfix"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane" id="profile">
                    <div class="row avtive_list_cont">
                        <!-- <div class="col-lg-3 avtive_list_li">
                            <div class="item overflow">
                                <div class="col-lg-8 avtive_list_info">
                                    <h4 class="avtive_list_tit">房间号1：现场刮刮乐<button class="btn btn-info  btn-sm ">进行中</button></h4>
                                    <div class="text_overflow">
                                        <em style="font-style: normal;">创建活动时间：2017-06-25 15:24</em>
                                    </div>
                                </div>
                                <div class="fr show_erm">
                                    <img src="/modules/img/slefneed/evm.png">
                                </div>
                            </div>
                        </div> -->
                       <!--  <div class="col-lg-3 avtive_list_li">
                            <div><img src="/modules/img/album/img-1.jpg"></div>
                            <div class="item">
                                <div class="col-lg-9 avtive_list_info">
                                    <h4 class="avtive_list_tit"><a href="#" >活动1：现场刮刮乐</a></h4>
                                    <div class="text_overflow">
                                        <em style="font-style: normal;">面是有大页面的大小一般取2的整数次幂。页面大小直接影响地址转换和页式存储管理的性能可重定位分区方法的翻版</em>
                                    </div>
                                </div>
                                <div class="avtive_list_btn col-lg-3"><button class="btn  btn-sm m-t-15 over_btn" style="color: #fff;" >活动结束</button></div>
                            </div>
                            <div class="imgshow_erm">
                                <div><img src="/modules/img/slefneed/evm.png"></div>
                                <a href="/sceneactive/detial" ><button class="btn btn-sm m-t-15" >打开</button></a>
                            </div>
                        </div>
                        <div class="col-lg-3 avtive_list_li">
                            <div><img src="/modules/img/album/stilllife_render.jpg"></div>
                            <div class="item">
                                <div class="col-lg-9 avtive_list_info">
                                    <h4 class="avtive_list_tit"><a href="#" >活动1：现场刮刮乐</a></h4>
                                    <div class="text_overflow">
                                        <em style="font-style: normal;">面是有大页面的大小一般取2的整数次幂。页面大小直接影响地址转换和页式存储管理的性能可重定位分区方法的翻版</em>
                                    </div>
                                </div>
                                <div class="avtive_list_btn col-lg-3"><button class="btn btn-info  btn-sm m-t-15">进行中</button></div>
                            </div>
                            <div class="imgshow_erm">
                                <div><img src="/modules/img/slefneed/evm.png"></div>
                                <a href="/sceneactive/detial" ><button class="btn btn-sm m-t-15" >打开</button></a>
                            </div>
                        </div>
                        <div class="col-lg-3 avtive_list_li">
                            <div><img src="/modules/img/album/stilllife_render.jpg"></div>
                            <div class="item">
                                <div class="col-lg-9 avtive_list_info">
                                    <h4 class="avtive_list_tit"><a href="#" >活动1：现场刮刮乐</a></h4>
                                    <div class="text_overflow">
                                        <em style="font-style: normal;">面是有大页面的大小一般取2的整数次幂。页面大小直接影响地址转换和页式存储管理的性能可重定位分区方法的翻版</em>
                                    </div>
                                </div>
                                <div class="avtive_list_btn col-lg-3"><button class="btn  btn-sm m-t-15 over_btn " style="color: #fff;">活动结束</button></div>
                            </div>
                            <div class="imgshow_erm">
                                <div><img src="/modules/img/slefneed/evm.png"></div>
                                <a href="/sceneactive/detial" ><button class="btn btn-sm m-t-15" >打开</button></a>
                            </div>
                        </div>
                        <div class="col-lg-3 avtive_list_li">
                            <div><img src="/modules/img/img_2.jpg"></div>
                            <div class="item">
                                <div class="col-lg-9 avtive_list_info">
                                    <h4 class="avtive_list_tit"><a href="#" >活动1：现场刮刮乐</a></h4>
                                    <div class="text_overflow">
                                        <em style="font-style: normal;">面是有大页面的大小一般取2的整数次幂。页面大小直接影响地址转换和页式存储管理的性能可重定位分区方法的翻版</em>
                                    </div>
                                </div>
                                <div class="avtive_list_btn col-lg-3"><button class="btn btn-info  btn-sm m-t-15">进行中</button></div>
                            </div>
                            <div class="imgshow_erm">
                                <div><img src="/modules/img/slefneed/evm.png"></div>
                                <a href="/sceneactive/detial" ><button class="btn btn-sm m-t-15" >打开</button></a>
                            </div>
                        </div> -->
                        <div class="list_200"></div>
                        <div class="row">
                            <div class="col-sm-9" style="width: 90%;text-align: right;">
                                <div id="pager200" class="pager clearfix"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>
</div>

<script type="text/javascript">
    // $("#pager200").zPager({
    //     url:'pageData.json',
    //     htmlBox: $('#wraper'),
    //     btnShow: false,
    //     dataRender: function(data){
    //      // console.log(data+'---data-2');
    //     }
    // });
    seajs.use('sceneactive/index');
</script>